<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>Document</title>

    <link rel="stylesheet" href="./bootstrap/css/bootstrap.min.css">
    <link rel="stylesheet" href="./bootstrap/css/bootstrap-theme.min.css">
    <script src="./jquery.js"></script>
    <script src="./bootstrap/js/bootstrap.min.js"></script>
    <link rel="stylesheet" href="./css/style.css">
    <script src="./js/app.js"></script>



</head>

<body>
    <div class="ue-bar">
        <div class="ue-bar-warp">
            <div class="ue-bar-logo">
                <a href="#">
                    <img src="../img/logo.png" width="200px" alt="大学生交易平台" title="大学生交易平台">
                </a>
            </div>
            <div class="ue-bar-nav">
                <ul>
                    <li class="active"><a href="#">所有闲置</a></li>
                    <li><a href="#">所有需求</a></li>
                    <li><a href="#">个人中心<span class="badge" style="background:green;margin-left:5px;">42</span></a></li>
                </ul>
                <form class="search">
                    <div class="search_input">
                        <input type="text" class="form-control" placeholder="请输入关键字">
                    </div>
                    <button type="submit" class="btn btn-default">搜索</button>
                </form>
            </div>
            <div class="login">
                <a href="#" data-toggle="modal" data-target="#myModal">登陆</a>
                <a href="#" data-toggle="modal" data-target="#myModal1">注册</a>
            </div>
        </div>
    </div>

    <!-- Modal -->
    <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                    <h4 class="modal-title" id="myModalLabel">登陆您的账号</h4>
                </div>
                <div class="modal-body">
                    <form class="form-horizontal">
                        <div class="form-group">
                            <label for="inputEmail3" class="col-sm-2 control-label">账号</label>
                            <div class="col-sm-9">
                                <input type="email" class="form-control" id="inputEmail3" placeholder="请输入您的邮箱">
                            </div>
                        </div>
                        <div class="form-group">
                            <label for="inputPassword3" class="col-sm-2 control-label">密码</label>
                            <div class="col-sm-9">
                                <input type="password" class="form-control" id="inputPassword3" placeholder="请输入您的密码">
                            </div>
                        </div>
                        <div class="form-group">
                            <div class="col-sm-offset-2 col-sm-8">
                                <button type="submit" class="btn btn-primary btn-lg btn-block">登陆</button>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
    <!-- Modal -->
    <div class="modal fade" id="myModal1" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                    <h4 class="modal-title" id="myModalLabel">注册您的账号</h4>
                </div>
                <div class="modal-body">
                    <form class="form-horizontal">
                        <div class="form-group">
                            <label for="inputEmail3" class="col-sm-2 control-label">账号</label>
                            <div class="col-sm-9">
                                <input type="email" class="form-control" id="inputEmail3" placeholder="请输入您的邮箱">
                            </div>
                        </div>
                        <div class="form-group">
                            <label for="inputPassword3" class="col-sm-2 control-label">密码</label>
                            <div class="col-sm-9">
                                <input type="password" class="form-control" id="inputPassword3" placeholder="请输入您的密码">
                            </div>
                        </div>
                        <div class="form-group">
                            <label for="inputPassword3" class="col-sm-2 control-label">确认密码</label>
                            <div class="col-sm-9">
                                <input type="password" class="form-control" id="inputPassword3" placeholder="请确认您的密码">
                            </div>
                        </div>
                        <div class="form-group">
                            <label for="inputPassword3" class="col-sm-2 control-label">性别</label>
                            <div class="col-sm-9">
                                <input type="radio" name="sex" value="男">男
                                <input type="radio" name="sex" value="女">女
                            </div>
                        </div>
                        
                        <div class="form-group">
                            <div class="col-sm-offset-2 col-sm-8">
                                <button type="submit" class="btn btn-primary btn-lg btn-block">提交</button>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>

    <div class="content_container">
        <ul id="goods_menu">
            <li>
                <b style=""></b>
                <a href="#">电子数码</a>
            </li>
            <li>
                <b></b>
                <a href="#">家居日用</a>
            </li>
            <li>
                <b></b>
                <a href="#">鞋服配饰</a>
            </li>
            <li>
                <b></b>
                <a href="#">美食珍馐</a>
            </li>
            <li>
                <b></b>
                <a href="#">珠宝收藏</a>
            </li>
        </ul>
        <div class="goods_menu_detail">
            <a href="#">手机</a>
            <a href="#">相机/摄像机</a>
            <a href="#">电脑/电脑周边</a>
            <a href="#">电玩随身听</a>
        </div>
        <div class="goods_menu_detail">
            <a href="#">手机</a>
            <a href="#">相机/摄像机</a>
            <a href="#">电脑/电脑周边</a>
            <a href="#">电玩随身听</a>
        </div>
        <div class="goods_menu_detail">
            <a href="#">手机</a>
            <a href="#">相机/摄像机</a>
            <a href="#">电脑/电脑周边</a>
            <a href="#">电玩随身听</a>
        </div>
        <div class="goods_menu_detail">
            <a href="#">手机</a>
            <a href="#">相机/摄像机</a>
            <a href="#">电脑/电脑周边</a>
            <a href="#">电玩随身听</a>
        </div>
        <div class="goods_menu_detail">
            <a href="#">手机</a>
            <a href="#">相机/摄像机</a>
            <a href="#">电脑/电脑周边</a>
            <a href="#">电玩随身听</a>
        </div>



        <div id="carousel-example-generic" class="carousel slide" data-ride="carousel" style="float:left;display:inline-block;margin:20px 0;">
            <!-- Indicators -->
            <ol class="carousel-indicators">
                <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
                <li data-target="#carousel-example-generic" data-slide-to="1"></li>
                <li data-target="#carousel-example-generic" data-slide-to="2"></li>
                <li data-target="#carousel-example-generic" data-slide-to="3"></li>
                <li data-target="#carousel-example-generic" data-slide-to="4"></li>
            </ol>

            <!-- Wrapper for slides -->
            <div class="carousel-inner" role="listbox">
                <div class="item active">
                    <img src="../img/01.jpg" alt="...">
                    <div class="carousel-caption">

                    </div>
                </div>
                <div class="item">
                    <img src="../img/02.jpg" alt="...">
                    <div class="carousel-caption">

                    </div>
                </div>
                <div class="item">
                    <img src="../img/03.jpg" alt="...">
                    <div class="carousel-caption">

                    </div>
                </div>
                <div class="item">
                    <img src="../img/04.jpg" alt="...">
                    <div class="carousel-caption">

                    </div>
                </div>
                <div class="item">
                    <img src="../img/05.jpg" alt="...">
                    <div class="carousel-caption">

                    </div>
                </div>

            </div>

            <!-- Controls -->
            <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
                <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
                <span class="sr-only">Previous</span>
            </a>
            <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
                <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
                <span class="sr-only">Next</span>
            </a>
        </div>


        <div id="right_menu">
            <div class="left_box">
                <a href="#">发布闲置</a>
            </div>
            <div class="right_box">
                <a href="#">发布需求</a>
            </div>
            <div class="bottom_box">
                <img src="../img/ma.jpg" alt="">
                <p style="margin-top:30px;font-size:18px;">轻扫二维码,
                    <br>加入我们的大家庭!</p>
            </div>
        </div>

        <div id="goods_container">
            <div>
                <h3>数码控.3C也性感</h3>
                <hr>
                <div class="goods_list">
                    <div class="goods_item">
                        <a href="#"><img src="../img/goods1.jpg" alt=""></a>
                        <p class="title">
                            <a href="#">2015款正品国行全新未拆封</a>
                        </p>
                        <span class="chengse">全新</span>
                        <span class="price">￥3998</span>
                    </div>
                    <div class="goods_item">
                        <a href="#"><img src="../img/goods1.jpg" alt=""></a>
                        <p class="title">
                            <a href="#">2015款正品国行全新未拆封</a>
                        </p>
                        <span class="chengse">全新</span>
                        <span class="price">￥3998</span>
                    </div>
                    <div class="goods_item">
                        <a href="#"><img src="../img/goods1.jpg" alt=""></a>
                        <p class="title">
                            <a href="#">2015款正品国行全新未拆封</a>
                        </p>
                        <span class="chengse">全新</span>
                        <span class="price">￥3998</span>
                    </div>
                    <div class="goods_item">
                        <a href="#"><img src="../img/goods1.jpg" alt=""></a>
                        <p class="title">
                            <a href="#">2015款正品国行全新未拆封</a>
                        </p>
                        <span class="chengse">全新</span>
                        <span class="price">￥3998</span>
                    </div>
                    <div class="goods_item">
                        <a href="#"><img src="../img/goods1.jpg" alt=""></a>
                        <p class="title">
                            <a href="#">2015款正品国行全新未拆封</a>
                        </p>
                        <span class="chengse">全新</span>
                        <span class="price">￥3998</span>
                    </div>
                    <div class="goods_item">
                        <a href="#"><img src="../img/goods1.jpg" alt=""></a>
                        <p class="title">
                            <a href="#">2015款正品国行全新未拆封</a>
                        </p>
                        <span class="chengse">全新</span>
                        <span class="price">￥3998</span>
                    </div>
                    <div class="goods_item">
                        <a href="#"><img src="../img/goods1.jpg" alt=""></a>
                        <p class="title">
                            <a href="#">2015款正品国行全新未拆封</a>
                        </p>
                        <span class="chengse">全新</span>
                        <span class="price">￥3998</span>
                    </div>
                    <div class="goods_item">
                        <a href="#"><img src="../img/goods1.jpg" alt=""></a>
                        <p class="title">
                            <a href="#">2015款正品国行全新未拆封</a>
                        </p>
                        <span class="chengse">全新</span>
                        <span class="price">￥3998</span>
                    </div>
                    <div class="goods_item">
                        <a href="#"><img src="../img/goods1.jpg" alt=""></a>
                        <p class="title">
                            <a href="#">2015款正品国行全新未拆封</a>
                        </p>
                        <span class="chengse">全新</span>
                        <span class="price">￥3998</span>
                    </div>
                    <div class="goods_item">
                        <a href="#"><img src="../img/goods1.jpg" alt=""></a>
                        <p class="title">
                            <a href="#">2015款正品国行全新未拆封</a>
                        </p>
                        <span class="chengse">全新</span>
                        <span class="price">￥3998</span>
                    </div>
                </div>
            </div>

            <div>
                <h3>运动男女.深呼吸</h3>
                <hr>
                <div class="goods_list">
                    <div class="goods_item">
                        <a href="#"><img src="../img/goods1.jpg" alt=""></a>
                        <p class="title">
                            <a href="#">2015款正品国行全新未拆封</a>
                        </p>
                        <span class="chengse">全新</span>
                        <span class="price">￥3998</span>
                    </div>
                    <div class="goods_item">
                        <a href="#"><img src="../img/goods1.jpg" alt=""></a>
                        <p class="title">
                            <a href="#">2015款正品国行全新未拆封</a>
                        </p>
                        <span class="chengse">全新</span>
                        <span class="price">￥3998</span>
                    </div>
                    <div class="goods_item">
                        <a href="#"><img src="../img/goods1.jpg" alt=""></a>
                        <p class="title">
                            <a href="#">2015款正品国行全新未拆封</a>
                        </p>
                        <span class="chengse">全新</span>
                        <span class="price">￥3998</span>
                    </div>
                    <div class="goods_item">
                        <a href="#"><img src="../img/goods1.jpg" alt=""></a>
                        <p class="title">
                            <a href="#">2015款正品国行全新未拆封</a>
                        </p>
                        <span class="chengse">全新</span>
                        <span class="price">￥3998</span>
                    </div>
                    <div class="goods_item">
                        <a href="#"><img src="../img/goods1.jpg" alt=""></a>
                        <p class="title">
                            <a href="#">2015款正品国行全新未拆封</a>
                        </p>
                        <span class="chengse">全新</span>
                        <span class="price">￥3998</span>
                    </div>
                    <div class="goods_item">
                        <a href="#"><img src="../img/goods1.jpg" alt=""></a>
                        <p class="title">
                            <a href="#">2015款正品国行全新未拆封</a>
                        </p>
                        <span class="chengse">全新</span>
                        <span class="price">￥3998</span>
                    </div>
                    <div class="goods_item">
                        <a href="#"><img src="../img/goods1.jpg" alt=""></a>
                        <p class="title">
                            <a href="#">2015款正品国行全新未拆封</a>
                        </p>
                        <span class="chengse">全新</span>
                        <span class="price">￥3998</span>
                    </div>
                    <div class="goods_item">
                        <a href="#"><img src="../img/goods1.jpg" alt=""></a>
                        <p class="title">
                            <a href="#">2015款正品国行全新未拆封</a>
                        </p>
                        <span class="chengse">全新</span>
                        <span class="price">￥3998</span>
                    </div>
                    <div class="goods_item">
                        <a href="#"><img src="../img/goods1.jpg" alt=""></a>
                        <p class="title">
                            <a href="#">2015款正品国行全新未拆封</a>
                        </p>
                        <span class="chengse">全新</span>
                        <span class="price">￥3998</span>
                    </div>
                    <div class="goods_item">
                        <a href="#"><img src="../img/goods1.jpg" alt=""></a>
                        <p class="title">
                            <a href="#">2015款正品国行全新未拆封</a>
                        </p>
                        <span class="chengse">全新</span>
                        <span class="price">￥3998</span>
                    </div>
                </div>
            </div>
            <div>
                <h3>收藏.见证历史</h3>
                <hr>
                <div class="goods_list">
                    <div class="goods_item">
                        <a href="#"><img src="../img/goods1.jpg" alt=""></a>
                        <p class="title">
                            <a href="#">2015款正品国行全新未拆封</a>
                        </p>
                        <span class="chengse">全新</span>
                        <span class="price">￥3998</span>
                    </div>
                    <div class="goods_item">
                        <a href="#"><img src="../img/goods1.jpg" alt=""></a>
                        <p class="title">
                            <a href="#">2015款正品国行全新未拆封</a>
                        </p>
                        <span class="chengse">全新</span>
                        <span class="price">￥3998</span>
                    </div>
                    <div class="goods_item">
                        <a href="#"><img src="../img/goods1.jpg" alt=""></a>
                        <p class="title">
                            <a href="#">2015款正品国行全新未拆封</a>
                        </p>
                        <span class="chengse">全新</span>
                        <span class="price">￥3998</span>
                    </div>
                    <div class="goods_item">
                        <a href="#"><img src="../img/goods1.jpg" alt=""></a>
                        <p class="title">
                            <a href="#">2015款正品国行全新未拆封</a>
                        </p>
                        <span class="chengse">全新</span>
                        <span class="price">￥3998</span>
                    </div>
                    <div class="goods_item">
                        <a href="#"><img src="../img/goods1.jpg" alt=""></a>
                        <p class="title">
                            <a href="#">2015款正品国行全新未拆封</a>
                        </p>
                        <span class="chengse">全新</span>
                        <span class="price">￥3998</span>
                    </div>
                    <div class="goods_item">
                        <a href="#"><img src="../img/goods1.jpg" alt=""></a>
                        <p class="title">
                            <a href="#">2015款正品国行全新未拆封</a>
                        </p>
                        <span class="chengse">全新</span>
                        <span class="price">￥3998</span>
                    </div>
                    <div class="goods_item">
                        <a href="#"><img src="../img/goods1.jpg" alt=""></a>
                        <p class="title">
                            <a href="#">2015款正品国行全新未拆封</a>
                        </p>
                        <span class="chengse">全新</span>
                        <span class="price">￥3998</span>
                    </div>
                    <div class="goods_item">
                        <a href="#"><img src="../img/goods1.jpg" alt=""></a>
                        <p class="title">
                            <a href="#">2015款正品国行全新未拆封</a>
                        </p>
                        <span class="chengse">全新</span>
                        <span class="price">￥3998</span>
                    </div>
                    <div class="goods_item">
                        <a href="#"><img src="../img/goods1.jpg" alt=""></a>
                        <p class="title">
                            <a href="#">2015款正品国行全新未拆封</a>
                        </p>
                        <span class="chengse">全新</span>
                        <span class="price">￥3998</span>
                    </div>
                    <div class="goods_item">
                        <a href="#"><img src="../img/goods1.jpg" alt=""></a>
                        <p class="title">
                            <a href="#">2015款正品国行全新未拆封</a>
                        </p>
                        <span class="chengse">全新</span>
                        <span class="price">￥3998</span>
                    </div>
                </div>
            </div>


        </div>
    </div>


</body>

</html>